import './Error.css';
import React from 'react'


class Error extends React.Component {
    constructor() {
        super()
        this.state = {
            bbb: ''

        }
    }
    a = (e) => {

    }
    render() {

        return (
            <div className='errorpage'>
            <div className="error"> <span>Page not found</span><span>404</span><span>Swim Home, Friend</span>
            </div>
            <div className="sun"></div>
            <div className="clouds">
              <div></div>
              <div></div>
              <div></div>
            </div>
            <div className="birds"></div>
            <div className="sea">
              <div className="wave w-1"></div>
              <div className="wave w-2"></div>
              <div className="fish"><span></span><span></span><span></span>
              </div>
            </div>
            <div className="bottom">
              <div className="grass"><span> </span><span> </span><span> </span>
              </div>
              <div className="grass"><span> </span><span> </span><span> </span>
              </div>
              <div className="grass"><span> </span><span> </span><span> </span>
              </div>
              <div className="grass"><span> </span><span> </span><span> </span>
              </div>
              <div className="circle"><span></span><span></span><span></span><span></span><span></span>
              </div>
              <div className="circle"><span></span><span></span><span></span><span></span><span></span>
              </div>
              <div className="circle"><span></span><span></span><span></span><span></span><span></span>
              </div>
              <div className="circle"><span></span><span></span><span></span><span></span><span></span>
              </div>
              <div className="grass_tw"></div>
              <div className="grass_tw"></div>
              <div className="grass_tw"></div>
            </div>
            
          </div>


        )
    }
}


export default Error;